<template>
  <div>
      <div class="loan_nav col_nav">
			<ul>
				<!-- <li><a href="javascript:history.go(-1)"><i class="iconfont">&#xe61e;</i></a></li> -->
                <li></li>
				<li><p>贷款</p></li>
				<li></li>
			</ul>
		</div>
		<div class="interval_T">
			
		</div>
        <div class="N_nav">
            <ul>
                <li>
                    <router-link to="loanapplication">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-n-1"></use>
                    </svg>
                    <p>我要贷款</p>
                    <!-- <p>1小时到账</p> -->
                    </router-link>
                </li>
                <li>
                    <router-link to="stewardship">
                     <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-n-"></use>
                    </svg>
                    <p>信用卡</p>
                    <!-- <p>额度高  权益多</p> -->
                    </router-link>
                </li>
                <li>
                    <router-link to="recommending/2">
                     <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fenxiang-2"></use>
                    </svg>
                    <p>分享</p>
                    <!-- <p>分享有豪礼</p> -->
                    </router-link>
                </li>
            </ul>
        </div>
        <div class="N_line">

        </div>
        <div class="N_produce">
            <div class="Nt_produce">
                <ul>
                    <li>
                        <p>
                            热门贷款
                        </p>
                    </li>
                    <li>
                        <router-link to="loanproducts">
                        <p>更多</p>
                        </router-link>
                    </li>
                    <li><i class="iconfont">&#xe690;</i></li>
                </ul>
                
                
            </div>
            <ul class="Nl_produce">
                <li>
                    <img src="@/assets/img/produceI-01.png" alt="贷款产品图片"  width="100%;">
                </li>
                <li>
                    <ul>
                        <li>
                            <p>平安银行金融投资-诚信贷</p>
                        </li>
                        <li>
                            <p>
                                月费率<span>0.50%</span>
                            </p>
                        </li>
                        <li>
                            <span>信用贷</span>
                        </li>
                    </ul>
                </li>
                <li>
                    <router-link to="apply/1">
                        <input type="button" value="立即申请">
                    </router-link>
                </li>
            </ul>
            <ul class="Nl_produce">
                <li>
                    <img src="@/assets/img/produceIt-01.png" alt="贷款产品图片"  width="100%;">
                </li>
                <li>
                    <ul>
                        <li>
                            <p>工商银行金融投资-抵押贷</p>
                        </li>
                        <li>
                            <p>
                                月费率<span>0.50%</span>
                            </p>
                        </li>
                        <li>
                            <span>抵押贷</span>
                        </li>
                    </ul>
                </li>
                <li>
                    <router-link to="apply/1">
                    <input type="button" value="立即申请">
                    </router-link>
                </li>
            </ul>
        </div>
        <div class="N_line">

        </div>
        <swiper :list="baseList" loop auto :aspect-ratio="aspectRatio" dots-position="center" dots-class="custom-bottom"></swiper>
        <div class="N_line">

        </div>
        <div class="N_produce">
            <div class="Nt_produce">
                <ul>
                    <li>
                        <p>
                            优质经理
                        </p>
                    </li>
                    <li>
                        <router-link to="creditmanager">
                        <p>更多</p>
                        </router-link>
                    </li>
                    <li><i class="iconfont">&#xe690;</i></li>
                </ul>
            </div>
            <div class="manager">
			<ul  class="L_manager" v-for="d in list">
				<li>
					<div>
						<img  :src="d.img" width="100%">
					</div>
				</li>
				<li>
					<ul class="manager_content">
						<li>
							<p>{{d.name}}</p>
						</li>
						<li>
							<ul>
								<li><p>利率</p></li>
								<li><p class="col-r1">0.50%-0.98%</p></li>
								<li><p>最高500万</p></li>
							</ul>
						</li>
						<li><p class="col-gray">信贷/房贷/车贷</p></li>
					</ul>
				</li>
                <li>
				<router-link tag="li" :to="{path: 'loanapplication', query: { jobNum: d.jobNum }}"><input type="button" value="向他申请" class="apply_btn" /></router-link>
                </li>
			</ul>
            <ul  class="L_manager">
				<li>
					<div>
						<img src="@/assets/img/jingliren-01.png" width="100%">
					</div>
				</li>
				<li>
					<ul class="manager_content">
						<li>
							<p>李经理</p>
						</li>
						<li>
							<ul>
								<li><p>利率</p></li>
								<li><p class="col-r1">0.50%-0.98%</p></li>
								<li><p>最高500万</p></li>
							</ul>
						</li>
						<li><p class="col-gray">信贷/房贷/车贷</p></li>
					</ul>
				</li>
                <li>
				<router-link to="#"><input type="button" value="向他申请" class="apply_btn" /></router-link>
                </li>
			</ul>
		</div>
        </div>
        <div class="N_line">

        </div>
        <div class="N_produce">
            <div class="Nt_produce">
                <ul>
                    <li>
                        <p>
                            信用卡推荐
                        </p>
                    </li>
                    <li>
                        <router-link to="creditcard">
                        <p>更多</p>
                        </router-link>
                    </li>
                    <li><i class="iconfont">&#xe690;</i></li>
                </ul>
            </div>
            <router-link to="cardform/1">
            <div class="N_card">
                <ul>
                    <li>
                        <img src="@/assets/img/card1-01.png" alt="信用卡" width="100%;">
                    </li>
                    <li>
                        <p>推荐理由：积分可兑换3000多重礼品，还可以兑航空里程</p>
                        <p>
                            广发银行CGB信用卡
                        </p>
                    </li>
                </ul>
            </div>
            </router-link>
        </div>
        <div style="height:1.2rem;">

        </div>
  </div>
</template>
<script>
   import { Swiper, SwiperItem } from 'vux'
export default {
	components: {
		Swiper,
		SwiperItem
	},
	data() {
		return {
			baseList: [],
			notice: [],
			articles: [],
            memberId: null,
            baseList: [{
			  url: 'javascript:',
			  img: require('@/assets/img/banner1.jpeg')
			}, {
			  url: 'javascript:',
			  img: require('@/assets/img/banner2.jpeg')
            }],
            params: {
                page:1,
                limit:100
            },
            list:[],
            aspectRatio:0.3

		}
    },
    created(){
        this.query()
    },
    methods:{
        query(){
           tihs.$http.get('/app/index/employee',this.params).then(json => {
               const{code ,page} =json
               if(code === 0){
                   const{list} = page
                   this.list = list
               }
           })
        }
    }
  
}
</script>

<style>
.vux-slider > .vux-indicator > a > .vux-icon-dot.active, .vux-slider .vux-indicator-right > a > .vux-icon-dot.active{
    background: #0199FF !important
}
.vux-slider > .vux-indicator, .vux-slider .vux-indicator-right{
		bottom: -0.5rem !important;
    }
    .vux-slider > .vux-indicator > a > .vux-icon-dot, .vux-slider .vux-indicator-right > a > .vux-icon-dot{
        width: 12px !important;
        height: 2px !important;
    }
</style>


